
/* ### -- -- -- -- -- Box Styles -- -- -- -- -- ### */

/* 

File: box.css 
Copyright 2009-2011 by wcfsolutions.com

*/

/* ### -- -- -- -- -- Box General -- -- -- -- -- ### */

#boxLayout {
	margin-left: auto;
	margin-right: auto;
	padding-top: 7px;
}

#boxLayout .mainHeadline, #boxLayout .mainHeadline .headlineContainer {
	margin-top: 0px !important;
}

#boxLayout .breadCrumbs {
	margin-top: 6px !important;
}

#boxLayout-1, #boxLayout-2, #boxLayout-3, #boxLayout-4 {
	border-collapse: collapse;
	display: table;
	table-layout: fixed;
	width: 100%;
}

#boxColumnContainer {
	display: table-row;
}

#leftBoxColumn, #mainBoxColumn, #rightBoxColumn {
	display: table-cell;
}

#boxLayout #main {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

#boxesTop, #boxesBottom {
	margin-left: auto;
	margin-right: auto;
}

/* ### -- -- -- -- -- Box Layout 1 -- -- -- -- -- ### */

#boxLayout-1 #mainBoxColumn {
	width: 100%;
}

/* ### -- -- -- -- -- Box Layout 2 -- -- -- -- -- ### */

#boxLayout-2 #rightBoxColumn {
	width: 20%;
}

#boxLayout-2 #mainBoxColumn {
	width: 80%;
}

#boxLayout-2 #mainBoxColumn .boxColumnInner {
	padding-right: 15px;
}

#boxLayout-2 #main {
	margin-left: 0 !important;
}

/* ### -- -- -- -- -- Box Layout 3 -- -- -- -- -- ### */

#boxLayout-3 #leftBoxColumn {
	width: 20%;
}

#boxLayout-3 #mainBoxColumn {
	width: 80%;
}

#boxLayout-3 #mainBoxColumn .boxColumnInner {
	padding-left: 15px;
}

#boxLayout-3 #main {
	margin-right: 0 !important;
}


/* ### -- -- -- -- -- Box Layout 4 -- -- -- -- -- ### */

#boxLayout-4 #leftBoxColumn, #boxLayout-4 #rightBoxColumn {
	width: 16%;
}

#boxLayout-4 #mainBoxColumn {
	width: 68%;
}

#boxLayout-4 #mainBoxColumn .boxColumnInner {
	padding-left: 15px;
	padding-right: 15px;
}

/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */
